@layout("/mall/common/_content.html"){
<div class="content content-nav-base datails-content">
    <div class="data-cont-wrap w1200">
      <div class="crumb">
        <a href="/mall/home" target="iframe0">首页</a>
        <span>></span>
        <a href="/mall/commodity" target="iframe0">所有商品</a>
        <span>></span>
        <a href="#" >产品详情</a>
      </div>
      <div class="product-intro layui-clear">
        <div class="preview-wrap">
          <img src="/kaptcha/${mer.picture}">
        </div>
        <div class="itemInfo-wrap">
          <div class="itemInfo">
            <div class="title">
              <h4>${mer.mername} </h4>
              <span><i class="layui-icon layui-icon-rate-solid"></i>收藏</span>
            </div>
            <div class="summary">
              <p class="reference"><span>参考价</span> <del>￥${mer.price}</del></p>
              <p class="activity"><span>活动价</span><strong class="price"><i>￥</i>${mer.cost}</strong></p>
              <p class="address-box"><span>送&nbsp;&nbsp;&nbsp;&nbsp;至</span><strong class="address">江西&nbsp;&nbsp;南昌&nbsp;&nbsp;东湖区</strong></p>
            </div>
            <div class="choose-attrs">
              <div class="attr layui-clear" data-attr="color"><span class="title">颜色</span> <div class="attr-cont"><span class="btn" data-value="01">白色</span> <span class="btn" data-value="02">粉色</span></div></div>
              <div class="number layui-clear"><span class="title">数量</span><div class="number-cont"><span class="cut btn">-</span><input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" maxlength="4" type="" name="" value="1"><span class="add btn">+</span></div></div>
            </div>
            <div class="choose-btns">
              <button class="layui-btn layui-btn-primary purchase-btn">立刻购买</button>
              <button class="layui-btn  layui-btn-danger car-btn"><i class="layui-icon layui-icon-cart-simple"></i>加入购物车</button>  
            </div>
          </div>
        </div>
      </div>
      <div class="layui-clear">
        <div class="aside">
          <h4>热销推荐</h4>
          <div class="item-list">
            <div class="item">
              <img src="${ctxPath}/static/img/mall/details_img2.jpg">
              <p><span>可爱宝宝粉色连体秋裤</span><span class="pric">￥99.00</span></p>
            </div>
            <div class="item">
              <img src="${ctxPath}/static/img/mall/details_img2.jpg">
              <p><span>可爱宝宝粉色连体秋裤</span><span class="pric">￥99.00</span></p>
            </div>
            <div class="item">
              <img src="${ctxPath}/static/img/mall/details_img2.jpg">
              <p><span>可爱宝宝粉色连体秋裤</span><span class="pric">￥99.00</span></p>
            </div>
            <div class="item">
              <img src="${ctxPath}/static/img/mall/details_img2.jpg">
              <p><span>可爱宝宝粉色连体秋裤</span><span class="pric">￥99.00</span></p>
            </div>
            <div class="item">
              <img src="${ctxPath}/static/img/mall/details_img2.jpg">
              <p><span>可爱宝宝粉色连体秋裤</span><span class="pric">￥99.00</span></p>
            </div>
            <div class="item">
              <img src="${ctxPath}/static/img/mall/details_img2.jpg">
              <p><span>可爱宝宝粉色连体秋裤</span><span class="pric">￥99.00</span></p>
            </div>
          </div>
        </div>
        <div class="detail">
          <h4>详情</h4>
          <div class="item">
            <img src="${ctxPath}/static/img/mall/details_imgbig.jpg">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
    var mer = {
        merid:"${mer.id}",
        price : "${mer.cost}",
        unit : "${mer.unit}",
    }
</script>
<script type="text/javascript" src="${ctxPath}/static/modular/mall/details.js"></script>

@}